<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>hao到家</title>
	<link rel="stylesheet" href="../../lib/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="nav-wp">
			<div class="nav">
				<div class="nav-left">
					<a href="">hao123首页</a>
					<a class="nav-all" href=""><i class="icons"></i>全站导航</a>
				</div>
				<div class="nav-right">
					<a href="">一键登录</a>
				</div>
			</div>
		</div>

		<div class="menu-wp">
			<div class="menu">
				<a href=""></a>
				<ul>
					<li class="active">首页</li>
					<li>实用查询</li>
					<li>快递到家</li>
					<li>美食</li>
					<li>健康</li>
					<li>生活百科</li>
					<li>交通违章</li>
				</ul>
				<div class="youhq">我的优惠券</div>
			</div>
		</div>
	</div>

	<!-- 顶部大图 -->
	<div class="top-img-wp">
		<div class="classify">
			<ul>
				<li class="on"><a href="">列表项1</a></li>
				<li><a href="">列表项2</a></li>
				<li><a href="">列表项3</a></li>
				<li><a href="">列表项4</a></li>
				<li><a href="">列表项5</a></li>
				<li><a href="">列表项6</a></li>
			</ul>
			<div class="classify-detail">
				detail
			</div>
		</div>
		<img src="img/img1.png" alt="">
		<ul class="img-trigger">
			<li class="active">item1</li>
			<li>item2</li>
			<li>item3</li>
			<li>item4</li>
		</ul>
	</div>

	<!-- 小模块 -->
	<div class="module-wp">
		<div class="m-left">
			<!-- 今日关注 -->
			<div class="focus">
				<div class="focus-left">
					<div class="f-header">
						今日<span>关注</span>
					</div>
					<div class="f-body">
						<div class="f-body-left">
							<img src="img/pic1.jpg" alt="">
						</div>
						<div class="f-body-right">
							<ul>
								<li class="first"><a href="">item1</a></li>
								<li><a href="">item2</a></li>
								<li><a class="red" href="">item3</a></li>
								<li><a href="">item4</a></li>
								<li><a href="">item5</a></li>
								<li><a href="">item6</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="focus-right">
					<div class="f-header">
						养生<span>优惠</span>
					</div>
				</div>
			</div>
			
			<!-- 服务导航 -->
			<div class="service-nav">
				<div class="f-header">
					服务<span>导航</span>
				</div>
				<ul>
					<li class="first"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>

			<!-- 美食休闲 -->
			<div class="meishi">
				<div class="ms-left">
					<div class="ms-header">
						美食 休闲
					</div>
					<ul class="ms-main">
						<li>
							<a href="">
								<img src="img/cake.png" alt="">
								<div class="ms-detail">
									<div>test1</div>
									<div>test2</div>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/cake.png" alt="">
								<div class="ms-detail">
									<div>test1</div>
									<div>test2</div>
								</div>
							</a>
						</li>
					</ul>

					<div class="ms-list-wp">
						<div class="ms-list-left">
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
						</div>
						<div class="ms-list-right">
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
							<div>
								<span class="title">[美食]</span>
								<a href="">百度糯米</a>
								<a href="">美食不用等</a>
							</div>
						</div>
					</div>

				</div>
				<div class="ms-right">
					<div class="ms-header">
						家政 上门服务
					</div>
					<ul class="ms-main">
						<li>
							<a href="">
								<img src="img/cake.png" alt="">
								<div class="ms-detail">
									<div>test1</div>
									<div>test2</div>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/cake.png" alt="">
								<div class="ms-detail">
									<div>test1</div>
									<div>test2</div>
								</div>
							</a>
						</li>
					</ul>

					<div class="ms-list-wp">
						<div class="ms-list-left">
							<span class="title">[美食]</span>
							<a href="">百度糯米</a>
							<a href="">美食不用等</a>
						</div>
						<div class="ms-list-right"></div>
					</div>
				</div>
			</div>

			<!-- 逛优惠 -->
			<div class="youhui">
				<div class="yh-header-wp">
					<div class="yh-header">
						逛优惠
					</div>
					<div class="yh-menu">
						<a class="current" href="">热门</a>
						<a href="">热门</a>
						<a href="">热门</a>
						<a href="">热门</a>
						<a href="">热门</a>
					</div>
				</div>
				<div class="yh-body">
					<div class="yh-items">
						<img src="img/timg.jpg" alt="">
						<p>梅州东坡酒楼</p>
						<p>100元代金券！免费WiFi！</p>
						<p>￥88 <span>价值￥100</span></p>
						<span class="pingf">5分</span>
						<span class="sell">100人已买</span>
					</div>
					<div class="yh-items">
						<img src="img/timg.jpg" alt="">
						<p>梅州东坡酒楼</p>
						<p>100元代金券！免费WiFi！</p>
						<p>￥88 <span>价值￥100</span></p>
						<span class="pingf">5分</span>
						<span class="sell">100人已买</span>
					</div>
					<div class="yh-items">
						<img src="img/timg.jpg" alt="">
						<p>梅州东坡酒楼</p>
						<p>100元代金券！免费WiFi！</p>
						<p>￥88 <span>价值￥100</span></p>
						<span class="pingf">5分</span>
						<span class="sell">100人已买</span>
					</div>
					<div class="yh-items">
						<img src="img/timg.jpg" alt="">
						<p>梅州东坡酒楼</p>
						<p>100元代金券！免费WiFi！</p>
						<p>￥88 <span>价值￥100</span></p>
						<span class="pingf">5分</span>
						<span class="sell">100人已买</span>
					</div>
				</div>
			</div>

		</div>

		<div class="m-right">
			<div class="r-items">
				<div class="ri-title">
					一周热门优惠
				</div>

				<div class="ri-list">
					<a class="active" href="">
						<span>
							<i class="orange">1</i>
							e家帮 615元家政礼包
						</span>
						<img src="img/ejb.png" alt="">
					</a>
					<a href="">
						<span>
							<i class="green">2</i>
							e家帮 615元家政礼包
						</span>
						<img src="img/ejb.png" alt="">
					</a>
					<a href="">
						<span>
							<i class="green">3</i>
							e家帮 615元家政礼包
						</span>
						<img src="img/ejb.png" alt="">
					</a>
					<a href="">
						<span>
							<i>4</i>
							e家帮 615元家政礼包
						</span>
						<img src="img/ejb.png" alt="">
					</a>
					<a href="">
						<span>
							<i>5</i>
							e家帮 615元家政礼包
						</span>
						<img src="img/ejb.png" alt="">
					</a>
				</div>
			</div>
			<div class="r-items">
				<div class="ri-title">
					一周热门优惠
				</div>
			</div>
			<div class="r-items">
				<div class="ri-title">
					一周热门优惠
				</div>

			</div>
		</div>
	</div>

	<!-- 页脚 -->

	<div class="footer">
		<div class="f-top">
			
		</div>
		<div class="f-bottom"></div>
	</div>

</body>
</html>